html,
body {
  background-color: #f5f4f4;
}

.login {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -250px -300px;
  width: 500px;
  height: 500px;
  border: 1px solid #eee9e9;

  header {
    text-align: center;
    font-size: 26px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee9e9;
  }

  .myform {
    padding: 10px 0;
  }

  .ant-input-outlined:focus {
    border-color: rgb(172, 172, 172);
    box-shadow: 0 0 0 2px rgba(138, 135, 135, 0.1)
  }

  .ant-input-outlined:hover {
    border-color: #a09d9d;
  }

  .btn {
    width: 280px;
    background-color: #8EC9C6;
  }
  .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
    color: #ebe9e9;
    background-color: #7cacaa;
  }
}